<template>
    <div>
        <p>战场吮吸万变，如此对弈，宛如出牌。</p>
        <p>1、游戏至少进行{{game.rounds.min}}轮，最多进行{{game.rounds.max}}轮。赢下超过半数的轮次则获得游戏胜利。</p>
        <p>2、每一轮结算时根据堡垒中的兵力觉得该轮次的获胜方，若双方兵力一致则猜拳觉得获胜方。轮次结算前将清空所有增益与减益状态，未触发的状态不在影响兵力数量，未进入堡垒的增援也将被取消。</p>
        <p>3、第一轮每位玩家随机获得{{game.card.initCount}}张手牌，此后每轮获得{{game.card.reissueCount}}张手牌。玩家最多持有{{game.card.maxCount}}张手牌</p>
        <p>4、游戏中包含40张普通牌、12张职业牌，每位玩家普通牌的效果一致，职业牌根据玩家选择的职业效果均有差别。游戏开始时每位玩家选择自己的职业，牌堆中便加入对应职业的职业牌，游戏过程中不能变更职业。</p>
        <p>5、每一轮每位玩家都有最多3次的换牌机会，可以选择任意手牌与牌堆中的随机卡牌进行交换。</p>
        <p></p>
        <h3>状态、指令</h3>
        <p v-for="line in desc" :key="key">{{line.key}}：{{line.content}}</p>
        <h3>特别鸣谢</h3>
        <p>感谢 <a target="_blank" href="https://gitee.com/zk19960426">周楷</a> 提供的idea，以及帮助调整平衡性。</p>
    </div>
</template>
<script>
    import { game } from './../config';

    export default {
        computed: {
            desc() {
                return Object.keys(this.game.desc).map(key => ({
                    key: key.substring(1, key.length - 1), content: this.game.desc[key].map(content => {
                        if (content.charAt(0) === '[' && content.charAt(content.length - 1) === ']') {
                            return content.substring(1, content.length - 1);
                        } else if (content.charAt(0) === '{' && content.charAt(content.length - 1) === '}') {
                            return content.substring(1, content.length - 1);
                        } else if (content.charAt(0) === '(' && content.charAt(content.length - 1) === ')') {
                            return content.substring(1, content.length - 1);
                        } else if (content.charAt(0) === '<' && content.charAt(content.length - 1) === '>') {
                            return content.substring(1, content.length - 1);
                        } else {
                            return content;
                        }
                    }).join('')
                }))
            }
        },
        data() {
            return {
                game,
            }
        },

    }
</script>
<style lang="less" scoped>
    a {
        color: #FFFF66
    }
</style>